<template>
  <view class="base-container">
	  <image src="../../static/my/BACK.png" class="b_img" mode=""></image>
    <view v-if="$slots.head" class="header">
      <slot name="head"/>
    </view>
    <scroll-view class="content" scroll-y="true">
      <slot/>
    </scroll-view>
    <view v-if="$slots.actions" class="footer">
      <slot name="actions"/>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
}
</script>

<style lang="scss">
.base-container {
  background-color: #fff;
  .content {
    height: calc(100vh - 380rpx);
  }

  .footer {
    height: 65rpx;
  }
.b_img{
	width: 100%;
	height: 380rpx;
}
.header{
	position: relative;
	top: -150rpx;
	background: transparent;
}
}

</style>
